export const basicComponents = [
  {
    type: 'input',
    label: '单行文本',
    icon: 'el-icon-edit',
    options: {
      width: '100%',
      defaultValue: '',
      placeholder: '请输入',
      clearable: false,
      maxLength: null,
      prepend: '',
      append: '',
      disabled: false,
      required: false
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'textarea',
    label: '多行文本',
    icon: 'el-icon-edit',
    options: {
      width: '100%',
      defaultValue: '',
      placeholder: '请输入',
      clearable: false,
      maxLength: null,
      rows: 4,
      disabled: false,
      required: false
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'number',
    label: '计数器',
    icon: 'el-icon-plus',
    options: {
      width: '100%',
      defaultValue: 0,
      min: null,
      max: null,
      step: 1,
      disabled: false,
      required: false
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'radio',
    label: '单选框组',
    icon: 'el-icon-success',
    options: {
      defaultValue: '',
      disabled: false,
      required: false,
      options: [
        { value: '选项1', label: '选项1' },
        { value: '选项2', label: '选项2' },
        { value: '选项3', label: '选项3' }
      ]
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'checkbox',
    label: '多选框组',
    icon: 'el-icon-check',
    options: {
      defaultValue: [],
      disabled: false,
      required: false,
      options: [
        { value: '选项1', label: '选项1' },
        { value: '选项2', label: '选项2' },
        { value: '选项3', label: '选项3' }
      ]
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'select',
    label: '下拉选择器',
    icon: 'el-icon-arrow-down',
    options: {
      width: '100%',
      defaultValue: '',
      placeholder: '请选择',
      clearable: false,
      multiple: false,
      disabled: false,
      required: false,
      options: [
        { value: '选项1', label: '选项1' },
        { value: '选项2', label: '选项2' },
        { value: '选项3', label: '选项3' }
      ]
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'switch',
    label: '开关',
    icon: 'el-icon-open',
    options: {
      defaultValue: false,
      disabled: false,
      required: false
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'slider',
    label: '滑块',
    icon: 'el-icon-minus',
    options: {
      width: '100%',
      defaultValue: 0,
      min: 0,
      max: 100,
      step: 1,
      disabled: false,
      required: false,
      showStops: false
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'date',
    label: '日期选择器',
    icon: 'el-icon-date',
    options: {
      width: '100%',
      defaultValue: '',
      placeholder: '请选择日期',
      clearable: false,
      disabled: false,
      required: false,
      format: 'YYYY-MM-DD'
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'time',
    label: '时间选择器',
    icon: 'el-icon-time',
    options: {
      width: '100%',
      defaultValue: '',
      placeholder: '请选择时间',
      clearable: false,
      disabled: false,
      required: false,
      format: 'HH:mm:ss'
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'rate',
    label: '评分',
    icon: 'el-icon-star-on',
    options: {
      defaultValue: 0,
      max: 5,
      disabled: false,
      required: false,
      allowHalf: false
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'color',
    label: '颜色选择器',
    icon: 'el-icon-brush',
    options: {
      defaultValue: '',
      disabled: false,
      required: false,
      showAlpha: false
    },
    model: '',
    key: '',
    rules: []
  },
  {
    type: 'upload',
    label: '上传',
    icon: 'el-icon-upload',
    options: {
      defaultValue: [],
      action: '',
      multiple: false,
      disabled: false,
      required: false,
      limit: 3,
      accept: ''
    },
    model: '',
    key: '',
    rules: []
  }
]

export const layoutComponents = [
  {
    type: 'grid',
    label: '栅格布局',
    icon: 'el-icon-grid',
    columns: [
      { span: 12, list: [] },
      { span: 12, list: [] }
    ],
    options: {
      gutter: 0
    }
  }
]